<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
    	
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link rel="stylesheet" type="text/css" href="css/blueprint/screen.css" media="screen, projection" />
        <link rel="stylesheet" type="text/css" href="css/main.css" media="screen, projection" />
        <link rel="stylesheet" type="text/css" href="css/blueprint/print.css" media="print" />
        <!--[if IE]>
            <link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection" />
        <![endif]-->
        <link rel="stylesheet" type="text/css" href="css/menu/style.css" media="screen, projection" />
        <link rel="stylesheet" type="text/css" href="css/table.css" media="screen, projection" />
        <link rel="stylesheet" type="text/css" href="css/message_boxes.css" media="screen, projection" />
        <link rel="stylesheet" type="text/css" href="css/breadcrumb/style.css" media="screen, projection" />
        <link rel="stylesheet" type="text/css" href="css/pagination/style.css" media="screen, projection" />		
        <script type="text/javascript" src="js/vendor/mootools-1.2.2-core-yc.js"></script>
        <script type="text/javascript" src="js/vendor/mootools-1.2.2-more.js"></script>
        <script type="text/javascript" src="js/inputFocus.js"></script>
		<script type="text/javascript" src="js/vendor/tiny_mce/tiny_mce.js"></script>
		
		{literal}
        <!-- Effetto mootools accordion per il menu e submenu -->
        <script type="text/javascript" language="JavaScript">
            window.addEvent('domready', function(){
                var accordion = new Accordion('.toggler', '.stretch', {
                    display: -1,
                    alwaysHide: true
                });
				
				$$('.menulink').addEvent('click', function(e) {
					new Event(e).stop();
					
					var urlTo = e.target;//.parentNode.href;
					var req = new Request.HTML({
						url: urlTo+'&ajax=on',
            			evalScript: true,
 						update: $('content'),

						/**
						 * Mostra un messaggio di caricamento pagina.
						 */
						onRequest: function(){
							
						},
						/**
						 * Inserisce nel div specificato la pagina richiesta
						 * @param {Object} html
						 */
						onSuccess: function(response){
							//Clear the text currently inside the results div.
							//$('content').set('text', response);
							//Inject the new DOM elements into the results div.
							//$('content').adopt(response);
						},
						/** 
						 * Se la request fallisce mostra l'errore
			 			*/
						onFailure: function(){
						}
					});
					req.send();		
				});
            });
        </script>
		
		<!-- Slide per la sezione filtri - ricerca -->
		<script type="text/javascript" language="JavaScript">
			window.addEvent('domready', function(){
				var panel = $('panel-filter');
				if(panel != null){
					var mySlide = new Fx.Slide(panel);
					mySlide.hide();
					$('filter').addEvent('click', function(e){
						e = new Event(e);
						mySlide.toggle();
						e.stop();
					});	
				}
				
			});
		</script> 
		
		<!-- Effect for messagebox -->
		<script type="text/javascript" language="JavaScript">
			window.addEvent('domready', function(){
				var box = $('messagebox');
				
				box.setStyle('opacity','0');
				var myFx = new Fx.Tween(box, {property: 'opacity', duration: 1000})

				/*$('add').addEvent('click', function() {
					box.addClass('info');
					if(box.style.opacity == 1){
						myFx.start(1,0);
					}
					else{
						box.set('html', 'Save in progress...');
							myFx.start(0,1).chain(function(){
							box.removeClass('info');
							box.addClass('success');
							box.set('html', 'Saved');

							myFx.start(1,0).chain(function(){
								box.removeClass('success');
							});
						});							
					}
				});*/
			}); 
		</script> 
		{/literal}
		
        <title>{$pg}</title>
    </head>